function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}


$(function(){
    // 打开登录框
    $('.comment_form_logout').click(function () {
        $('.login_form_con').show();
    })

    // 收藏
   $(".collection").click(function () {
        var params = {
            "news_id":$(this).attr("data-newid"),
            "action":"collect"
        }
        $.ajax({
            url:"/news_collect",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(params),
            headers:{
                'X-CSRFToken':getCookie("csrf_token")
            },
            success:function(dat){
                if (dat.errno == "0") {
                    // 收藏成功
                    // 隐藏收藏按钮
                    $(".collection").hide();
                    // 显示取消收藏按钮
                    $(".collected").show();
                }else if (dat.errno == "4101"){
                    $('.login_form_con').show();
                }else{
                    alert(dat.errmsg);
                }
            }

        })

    })

    // 取消收藏
    $(".collected").click(function () {
        var params = {
            "news_id":$(this).attr("data-newid"),
            "action":"cancel_collect"
        }
        $.ajax({
            url:"/news_collect",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(params),
            headers:{
                'X-CSRFToken':getCookie("csrf_token")
            },
            success:function(dat){
                if (dat.errno == "0") {
                    // 收藏成功
                    // 隐藏收藏按钮
                    $(".collection").show();
                    // 显示取消收藏按钮
                    $(".collected").hide();
                }else if (dat.errno == "4101"){
                    $('.login_form_con').show();
                }else{
                    alert(dat.errmsg);
                }
            }

        })

    })

        // 评论提交
    $(".comment_form").submit(function (e) {
        e.preventDefault();
        var news_id = $(this).attr("data-newid")
        var data_userid = $(this).attr('data-userid')
        var comment_sub = $(".comment_input").val()
        if (!comment_sub) {
            alert('请输入评论')
            return
        }
        var params = {
            "comment_sub": comment_sub,
            "news_id": news_id,
            "user_id": data_userid
        }
        $.ajax({
                url: "/news_comment",
                type: "post",
                contentType: "application/json",
                headers: {
                    "X-CSRFToken": getCookie("csrf_token")
                },
                data: JSON.stringify(params),
                success: function (resp) {
                    if (resp.errno == "0") {
                        // var comment = resp.data
                        // console.log(comment)
                        // // 拼接内容
                        // var comment_html = ""
                        // comment_html += '<div class="comment_list">'
                        // for(i = 0; i< comment.comment_list.length; i++){
                        //     comment_html += '<div class="person_pic fl">'
                        // if (comment.user.avatar_url) {
                        //     comment_html += '<img src="' + comment.user.avatar_url + '" alt="用户图标">'
                        // }else {
                        //     comment_html += '<img src="../../static/news/images/person01.png" alt="用户图标">'
                        // }
                        // comment_html += '</div>'
                        // comment_html += '<div class="user_name fl">' + comment.user.nick_name + '</div>'
                        // comment_html += '<div class="comment_text fl">'
                        // comment_html += comment.comment_list[i].content
                        // comment_html += '</div>'
                        // comment_html += '<div class="reply_text_con fl">'
                        // comment_html += '<div class="user_name2">' + '波波' + '</div>'
                        // comment_html += '<div class="reply_text">'
                        // comment_html += comment.comment_list[i].content
                        // comment_html += '</div>'
                        // comment_html += '</div>'
                        // comment_html += '<div class="comment_time fl">' + comment.comment_list[i].create_time + '</div>'
                        //
                        // comment_html += '<a href="javascript:;" class="comment_up fr" data-commentid="' + comment.comment_list[i].id + '" data-newsid="' + comment.comment_list.news_id + '">赞</a>'
                        // comment_html += '<a href="javascript:;" class="comment_reply fr">回复</a>'
                        // comment_html += '<form class="reply_form fl" data-commentid="' + comment.comment_list[i].id + '" data-newsid="' + news_id + '">'
                        // comment_html += '<textarea class="reply_input"></textarea>'
                        // comment_html += '<input type="button" value="回复" class="reply_sub fr">'
                        // comment_html += '<input type="reset" name="" value="取消" class="reply_cancel fr">'
                        // comment_html += '</form>'
                        // }
                        //
                        //
                        // comment_html += '</div>'
                        // $(".comment_list_con").prepend(comment_html)
                        // 让comment_sub 失去焦点
                        $('.comment_sub').blur();
                        // 清空输入框内容
                        $(".comment_input").val("")
                        updateCommentCount()
                        location.reload()
                        }else{
                    alert(resp.errmsg)
                }
                }
            })

    })

    // $(".reply_form").submit(function (e) {
    //         e.preventDefault();
    //         var news_id = $(this).attr("data-newid")
    //         var comment_id = $(this).attr('data-comment_id')
    //         var comment_sub = $(".reply_con").val()
    //         console.log('内容：')
    //         console.log(news_id,comment_id, comment_sub)
    //         if (!comment_sub) {
    //             alert('请输入评论11')
    //             return
    //         }
    //         var params = {
    //             "comment_sub": comment_sub,
    //             "news_id": news_id,
    //             "comment_id": comment_id
    //         }
    //         $.ajax({
    //             url: "/news_son_comment",
    //             type: "post",
    //             contentType: "application/json",
    //             headers: {
    //                 "X-CSRFToken": getCookie("csrf_token")
    //             },
    //             data: JSON.stringify(params),
    //             success: function (resp) {
    //                 if (resp.errno == "0") {
    //                     location.reload()
    //                 }
    //             }
    //         })
    //     })

    $('.comment_list').delegate('form', 'submit', function (e) {
        e.preventDefault();
            var news_id = $(this).attr("data-newid")
            var comment_id = $(this).attr('data-comment_id')
            var comment_sub = $(".reply_con" + comment_id).val()
            console.log('内容：')
            console.log(news_id,comment_id, comment_sub)
            if (!comment_sub) {
                alert('请输入评论11')
                return
            }
            var params = {
                "comment_sub": comment_sub,
                "news_id": news_id,
                "comment_id": comment_id
            }
            $.ajax({
                url: "/news_son_comment",
                type: "post",
                contentType: "application/json",
                headers: {
                    "X-CSRFToken": getCookie("csrf_token")
                },
                data: JSON.stringify(params),
                success: function (resp) {
                    if (resp.errno == "0") {
                        $('.reply_sub').blur()
                        $('.reply_con').val('请发表您的评论')
                        location.reload()
                    }
                }
            })
    })


    $('.comment_list_con').delegate('a,input','click',function(){

        var sHandler = $(this).prop('class');
        console.log(sHandler)
        console.log(sHandler.indexOf('comment_reply'))
        console.log(sHandler.indexOf('reply_cancel'))
        console.log(sHandler.indexOf('comment_up'))
        console.log(sHandler.indexOf('has_comment_up'))
        if(sHandler.indexOf('comment_reply')>=0)
        {
            $(this).next().toggle();
        }

        if(sHandler.indexOf('reply_cancel')>=0)
        {
            $(this).parent().toggle();
        }

        if(sHandler.indexOf('comment_up')>=0)
        {
            var $this = $(this);
            if(sHandler.indexOf('has_comment_up')>=0)
            {
                // 如果当前该评论已经是点赞状态，再次点击会进行到此代码块内，代表要取消点赞
                $this.removeClass('has_comment_up')
            }else {
                $this.addClass('has_comment_up')
            }
        }

        if(sHandler.indexOf('reply_sub')>=0)
        {
            alert('评论提交完成')
        }
    })


    //点赞
    $(".comment_up").click(function () {
        location.reload()
        var params = {
            "comment_id":$(this).attr('data-comment_id')
        }
        $.ajax({
            url:"/comment_like",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(params),
            headers:{
                'X-CSRFToken':getCookie("csrf_token")
            },
            success:function(dat){
                if (dat.errno == "0") {
                    console.log(dat)
                    location.reload()
                }
                else{
                    alert(dat.errmsg);
                }
            }

        })
    })

        // 关注当前新闻作者
    $(".focus").click(function () {
        var params = {
            "user_id":$(this).attr("data-userid"),
            "action":"focus"
        }
        $.ajax({
            url:"/user/user_focus",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(params),
            headers:{
                'X-CSRFToken':getCookie("csrf_token")
            },
            success:function(dat){
                if (dat.errno == "0") {
                    location.reload()
                    // 关注成功
                    // 隐藏收藏按钮
                    $(".focus").hide();
                    // 显示取消收藏按钮
                    $(".focused").show();
                }else if (dat.errno == "4101"){
                    $('.login_form_con').show();
                }else{
                    alert(dat.errmsg);
                }
            }

        })
    })

    // 取消关注当前新闻作者
    $(".focused").click(function () {
    var params = {
            "user_id":$(this).attr("data-userid"),
            "action":"focused"
        }
        $.ajax({
            url:"/user/user_focus",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(params),
            headers:{
                'X-CSRFToken':getCookie("csrf_token")
            },
            success:function(dat){
                if (dat.errno == "0") {
                    location.reload()
                    // 关注成功
                    // 隐藏收藏按钮
                    $(".focued").hide();
                    // 显示取消收藏按钮
                    $(".focus").show();
                }else if (dat.errno == "4101"){
                    $('.login_form_con').show();
                }else{
                    alert(dat.errmsg);
                }
            }

        })
    })
})

function updateCommentCount(){
    var count = $('.comment_list').length
    $('.comment_count').html(count+"条评论")
}